<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>单南虹的博客</title>
    <link rel="stylesheet" href="../css/blog.css" type="text/css">
</head>
<body>
    <header>
        <h1>HTML 5</h1>                                 <!--标题-->
    </header>
    <nav>
        <ul>
            <li class="selected"><a href="#">博客</a></li>
            <li><a href="#">关于</a></li>
            <li><a href="#">联系</a></li>
            <li class="subscribe"><a href="#">RSS</a></li>
        </ul>
    </nav>                                         <!--导航-->
    <section class="intro">
        <header>
            <h2>什么是HTML 5</h2>
        </header>
        <p>HTML 5是balabalaHTML 5是balabalaHTML 5是balabalaHTML 5是balabalaHTML 5是balabalaHTML 5是balabala</p>
    </section>                   <!--介绍-->
    <section class="mainContent">
        <article class="blogPost">
            <header>
                <h2>HTML 5 new label</h2>
                <p>
                    时间<time datetime="2015-2-17">2015-2-17</time>
                    作者<a href="#">单南虹</a>
                </p>
            </header>
            <p>HTML 5是balabalaHTML 5是balabalaHTML 5是balabalaHTML 5是balabalaHTML 5是balabalaHTML 5是balabala</p>
        </article>
    </section>             <!--主内容-->
    <aside>
        <section>
            <header>
                <h3>标签</h3>
            </header>
            <ul>
                <li><a href="#">HTML 5</a> </li>
            </ul>
        </section>
    </aside>                                     <!--侧边栏-->
    <footer>
        <div>
            <section id="about">
                <header>
                    <h3>关于</h3>
                </header>
                <p>关于内容</p>
            </section>
            <section id="blogroll">
                <header>
                    <h3>友情链接</h3>
                </header>
                <ul>
                    <li><a href="#">大众点评</a></li>
                </ul>
            </section>
            <section id="popular">
                <header>
                    <h3>流行</h3>
                </header>
                <ul>
                    <li><a href="#">流行内容</a> </li>
                </ul>
            </section>
        </div>
    </footer>                                   <!--页脚-->
</body>
</html>